<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Document</title>
    <style>
      * {
        margin: 0;
        padding: 0;
      }
      header {
        background-color: burlywood;
        height: 100px;
        text-align: center;
        line-height: 100px;
      }
      Footer {
        background-color: thistle;
        height: 100px;
        text-align: center;
        line-height: 100px;
      }
      .content {
        width: 100%;
        height: calc(100vh - 200px);
        display: flex;
      }
      nav {
        background-color: chocolate;
        width: 200px;
        text-align: center;
        line-height: calc(100vh - 200px);
      }
      aside {
        background-color: chocolate;
        width: 200px;
        text-align: center;
        line-height: calc(100vh - 200px);
      }
      article {
        background-color: aliceblue;
        width: calc(100% - 400px);
        overflow: scroll;
      }
      @media screen and (max-width: 768px) {
        .content {
          display: flex;
          flex-direction: column;
          width: 100%;
          height: calc(100vh - 200px);
        }
        nav {
          width: 100%;
          height: 50px;
          background-color: chocolate;
          text-align: center;
          line-height: 50px;
        }
        aside {
          height: 50px;
          width: 100%;
          background-color: chocolate;
          text-align: center;
          line-height: 50px;
        }
        article {
          background-color: aliceblue;
          width: 100%;
          overflow: scroll;
        }
      }
    </style>
  </head>
  <body>
    <div class="outer">
      <header>1-header</header>
      <div class="content">
        <nav>3-nav</nav>
        <article>
          <h1>文章标题</h1>
          <div>
            箱根驿传（日文名：箱根駅伝；罗马音：Hakone
            Ekiden），正式名称为东京箱根间往复大学驿传竞走，是日本一项在每年1月2-3日举行的驿站接力赛，由关东学生田径联盟主办，读卖新闻协办。
            [1-2]
            箱根驿传由日本马拉松之父金栗四三等人于1920年所创办。首届比赛仅有由早稻田大学、庆应义塾大学、明治大学以及东京高等师范大学（现筑波大学）四所学校参加。截至2024年，每年的箱根驿传都有来自日本关东地区的21支大学队伍参与角逐，比赛为期两天。首日从东京大手町到箱根町，总计107.5公里，去程分为5个区间，次日从箱根町返回东京大手町，总计109.6公里，回程同样是5个区间。每支队伍派出10位选手参赛，每人跑一个区间，10人跑完全程217.1公里，每人跑半个马拉松的长度。
            [1-2]
            作为日本国内最知名接力赛事之一，箱根驿传为日本体育界发掘了包括大迫杰、设乐悠太、井上大仁、川内优辉、服部勇马等在内的众多优秀长跑运动员。
            [1-2] 中文名箱根驿传 [1-2] 外文名日文名：箱根駅伝；罗马音：Hakone
            Ekiden [1-2] 举办期间每年1月2-3日 [1-2] 举办地点日本东京 [1-2]
            赛事类型长跑接力 [1-2] 主办机构关东学生田径联盟主办，读卖新闻协办
            [1-2] 比赛长度217.1公里 [2] 冠军队伍青山学院大学（2024年） [3]
            队伍数量21支 [2] 参与人数10人/队 [2] 目录 1赛事历史 2赛制规则
            ▪参赛门槛 ▪参赛队伍 ▪比赛时间 ▪比赛规则 ▪比赛赛段 3赛事数据
            ▪历届优胜 ▪区间记录 4赛事文化 5商业活动 6代表人物 ▪大迫杰 ▪铃木健吾
            赛事历史 播报 编辑
            “驿传”，源自中国唐代的“驿传制”，这是一种利用接力的方式由传令兵在中央与地方政府间紧急递送书令的制度。
            [5]
            1912年，在瑞典斯德哥尔摩的奥运会上，日本选手金栗四三在参加马拉松比赛时，于30公里处昏倒，幸得路边村民救助。他在比赛结束后的第二天才苏醒，并独自返回祖国。
            [4-5]
            经历了那次如梦魇般的奥运之旅后，金栗四三深思如何训练出更多能征战奥运的长跑选手，并与另外两名同伴共同制定了一个宏大的计划——横跨美国大陆的接力训练。为了选拔参与这一计划的选手，他们开始在各大高校举办选拔赛。考虑到横跨美国大陆需穿越落基山脉，三人将选拔赛的赛程设定为需要穿越箱根山的东京至箱根路段，这便是箱根驿传的起源。
            [4-5]
            1917年（大正六年），在京都三条大桥与东京上野不忍池之间，举办了日本首个驿传活动——“东京都东海道驿传竞走50周年庆典”。该活动由读卖新闻社策划，作为上野万博会的协办项目，连续三天不分昼夜地进行。京都至东京全长516公里的路线被分成23段，形成了一场壮观的带状接力赛。这场比赛取得了巨大成功，成为了箱根驿传的“原型”。受到东海道驿传成功的启发，金栗等人向大学、师范学校和职业学校宣传箱根驿传的意义，并邀请他们参与。于是，早稻田大学、庆应义塾大学、明治大学、东京高等学校（现筑波大学）积极响应，于1920年2月14日下午1点，以“四大名校驿传”为名举办了首场比赛。虽然这是一场仅限关东地区大学男生参加的跑步接力比赛，但它已经成为了日本家庭在新年期间不可或缺的活动之一。
            [4-5]
          </div>
        </article>
        <aside>4-aside</aside>
      </div>
      <footer>2-footer</footer>
    </div>
  </body>
</html>
